<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Hungry Students</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <!-- Le styles -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/style_index.css" rel="stylesheet">

        <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
        <!--[if lt IE 9]>
          <script src="../assets/js/html5shiv.js"></script>
        <![endif]-->
    </head>

    <body>

        <div class="container">

            <div class="masthead">
                <h3 class="muted"><img src="img/logo.jpg" alt="Logo Hungry Students"/></h3>
                <div class="navbar">
                    <div class="navbar-inner">
                        <div class="container">
                            <ul class="nav">
                                <li><a href="/testSiteEquipe/index.htm">Accueil</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Défis <b class="caret"></b></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="/testSiteEquipe/defi1.html">Super Original</a></li>
                                        <li><a href="/testSiteEquipe/defi2.html">Atos Sophia Antipolis</a></li>
                                        <li><a href="/testSiteEquipe/defi3.html">Agile Zenika</a></li>
                                        <li><a href="/testSiteEquipe/defi4.html">Tests Unitaires</a></li>
                                        <li><a href="/testSiteEquipe/defi5.html">Validation de l'application</a></li>
                                    </ul>
                                </li>
                                <li class="active"><a href="/testSiteEquipe/quiSommesNous.html">Qui sommes nous ?</a></li>
                            </ul>
                        </div>
                    </div>
                </div><!-- /.navbar -->
            </div>

            <div class="tabbable"> 
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#accueil" data-toggle="tab">Présentation principale</a></li>
                    <li><a href="#livres" data-toggle="tab">L'équipe</a></li>
                    <li><a href="#témoignages" data-toggle="tab">Témoignages</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="accueil">
                        <!-- Jumbotron -->
                        <div class="jumbotron">
                            <h1>Photo Equipe</h1>
                            <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                        </div>
                    </div>
                    <div class="tab-pane" id="livres">                        
                        <!-- Jumbotron -->
                        <div class="jumbotron">
                            <h1>Hungry Students</h1>
                            <p class="lead">Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
                        </div>

                        <hr>
                        
                         <!-- Example row of columns -->
            <div class="row-fluid">
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Saliha BELHOCINE </p>
                    <p> Description </p>
                </div>
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Zineddine BOUKHEZAR </p>
                    <p> Description </p>
                </div>
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Marie-Dorcas COLIN </p>
                    <p> Description </p>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Xavier COUDERC </p>
                    <p> Description </p>
                </div>
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Lyes KHERBICHE </p>
                    <p> Description </p>
                </div>
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Maya KOLLI </p>
                    <p> Description </p>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Amine MAHIEDDINE </p>
                    <p> Description </p>
                </div>
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Fatoumata MAIGA </p>
                    <p> Description </p>
                </div>
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Astrid PASQUET </p>
                    <p> Description </p>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Manoa RAKOTONDRAMAVO </p>
                    <p> Description </p>
                </div>
                <div class="span4">
                    <h2><img src="img/logo_image.jpg"/></h2>
                    <p> Jonathan ZEE </p>
                    <p> Description </p>
                </div>
            </div>
                    </div>
                    <div class="tab-pane" id="témoignages">Tous les témoignages</div>
                </div>
            </div>



           

            <hr>

            <div class="footer">
                <p>&copy; Company 2013</p>
            </div>

        </div> <!-- /container -->

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <script src="js/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script>


        <!--<script src="js/bootstrap-transition.js"></script>
        <script src="js/bootstrap-alert.js"></script>
        <script src="js/bootstrap-modal.js"></script>
        <script src="js/bootstrap-scrollspy.js"></script>
        <script src="js/bootstrap-tab.js"></script>
        <script src="js/bootstrap-tooltip.js"></script>
        <script src="js/bootstrap-popover.js"></script>
        <script src="js/bootstrap-button.js"></script>
        <script src="js/bootstrap-collapse.js"></script>
        <script src="js/bootstrap-carousel.js"></script>
        <script src="js/bootstrap-typeahead.js"></script>-->
    </body>
</html>
